<template>
    <div class="verse">
        <p class="block">上天不会亏待努力的人，也不会同情假勤奋的人，你有多努力时光它知道。</p>
        <div class="change">换一句</div>
        <p class="tips">提示:每天看几句励志句子,生活更美好了。1分钟内只能换句20次,请勿恶意点击。</p>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="scss">
    .verse{
        width: 792px;
        height: 163px;
        // outline: 1px solid red;
        margin: auto;
        // margin: 40px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        .block{
            font-weight: bolder;
        }
        p{
            font-size: 24px;
            font-weight: 200;            
        }
        .change{
            width: 69px;
            height: 36px;
            border-radius: 18px;
            background-color: #28a745;
            border-color: #28a745;
            margin: auto;
            text-align: center;
            line-height: 36px;
            color: white;
        }
        .tips{
            font-size: 14px;
        }
    }
</style>